import type { AppRouteModule } from '/@/router/types';

import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';

const visualDesign: AppRouteModule = {
  path: '/visualDesign',
  name: 'VisualDesign',
  component: LAYOUT,
  redirect: '/visualDesign/3D',
  meta: {
    orderNo: 5,
    icon: 'ion:desktop-sharp',
    title: t('routes.visualDesign.visualDesign'),
  },
  children: [
    {
      path: '3D',
      name: '3D',
      component: () => import('/@/views/visualDesign/3D/index.vue'),
      meta: {
        title: t('routes.visualDesign.visualDesign3D'),
      },
    },
    {
      path: 'report',
      name: 'report',
      component: () => import('/@/views/visualDesign/report/index.vue'),
      meta: {
        title: t('routes.visualDesign.report'),
      },
    },
    {
      path: 'LargeScreen',
      name: 'LargeScreen',
      component: () => import('/@/views/visualDesign/LargeScreen/index.vue'),
      meta: {
        title: t('routes.visualDesign.LargeScreen'),
      },
    },
  ],
};

export default visualDesign;
